import React, { useState } from 'React';
import './index.css';

const MediaBoard = ({ header, list }) => {
    return (
        <div className="media-board-container">
            <div className="media-board-header">
                {/* <span>更新</span> */}
                <span>{header}</span>
                <span>更多</span>
            </div>
            <div className="media-content-container">
                {
                    list && list.length > 0 ? list.map((item, i) => (
                        <div className="media-pad">
                            <img className="bg-img" src={item.picUrl}></img>
                            <span>{item.rcmdtext}</span>
                        </div>
                    )) : (<></>)
                }
            </div>
        </div>
    )
}

export default MediaBoard;